// 添加地址
$(function() {

    // 点击省市区，弹出省市区三级联动选择器
    // bug ：用tap事件，而不能用focus事件，因为必须失去焦点再聚焦才触发
    $('[name="city"]').on('tap', function() {
        var picker = new mui.PopPicker({
            // 三级联动，有三列
            layer: 3,
        });

        // 直接引入city.js文件，传入数组数据cityData
        picker.setData(cityData);
        // 显示，点击确定之后的回调函数，参数SelectedItem为选择的省市区
        picker.show(function(SelectedItem) {
            // console.log(SelectedItem);
            var address = '';
            SelectedItem.forEach(element => {
                address += element.text + " ";
                postcode = element.value;
            });
            $('[name="city"]').val(address);
        })
    });

    // 点击确认按钮，提交用户信息，跳转到地址列表页面
    $('#addAress-btn').on('tap', function() {
        // 获取用户输入的地址
        var name = $.trim($('[name="name"]').val());
        var postcode = $.trim($('[name="postcode"]').val());
        var city = $.trim($('[name="city"]').val());
        var detailcity = $.trim($('[name="detail-city"]').val());

        //验证用户是否输入
        if (!name) {
            mui.toast('请输入收货人姓名');
            return;
        };
        if (!postcode) {
            mui.toast('请输入邮政编码');
            return;
        };
        if (!city) {
            mui.toast('请选择省市区');
            return;
        };
        if (!detailcity) {
            mui.toast('请输入详细收货地址');
            return;
        };

        // 发送请求，存储数据
        $.ajax({
            type: 'post',
            url: '/address/addAddress',
            data: {
                address: city,
                addressDetail: detailcity,
                recipients: name,
                postcode: postcode,
            },
            success: function(res) {
                // console.log(res);
                if (res.success) {
                    location.href = 'address.html';
                } else {
                    mui.toast('res.massage');
                }
            }
        });
    });
});